<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>湖北省政府采购网</title>
    <link href="http://www.ccgp-hubei.gov.cn/css/bootstrap.css" rel="stylesheet">
    <link href="http://www.ccgp-hubei.gov.cn/css/iconfont.css" rel="stylesheet">
    <link href="http://www.ccgp-hubei.gov.cn/css/reset.css" rel="stylesheet">
    <link href="http://www.ccgp-hubei.gov.cn/css/jquery.css" rel="stylesheet">
    <link href="http://www.ccgp-hubei.gov.cn/css/all.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        .art_con_table table {
            width: 500px;
            text-align: center;
            color: #000000;
            line-height: 150%;
            font-family: 宋体;
            font-size: 10.5pt;
            border: 1px solid #646464;
            margin: 20px 30px;
        }

        .art_con_table tr, td {
            height: 30px;
            line-height: 30px;
            border: 1px solid #646464;
        }
    </style>
    <!-- 详情页加公告步骤css -->
    <style>
        .timeline-box {
            /*width: 1200px;*/
            margin: 0 auto;
            padding: 20px 0;
            background: #fff;
        }

        .timeline-box .cont {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 50px;
        }

        .timeline-box .cont .xmjd {
            text-align: right;
            color: red;
            font-size: 18px;
        }

        .tl-container {
            /*margin: 0 auto;*/
            width: 600px;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }

        .tl-container .tl-col {
            position: relative;
            height: 96px;
            width: 136px;
        }

        .tl-container .tl-col img {
            display: block;
            height: 30px;
            width: 30px;
            margin: 0 auto;
        }

        .tl-container .tl-col.active img {
            height: 32px;
            width: 32px;
            margin: 0 auto;
        }

        .tl-container .tl-col .tl-time {
            padding-top: 5px;
            text-align: center;
            font-size: 14px;
        }

        .tl-container .tl-col.active .tl-time {
            color: #1d6bb5;
        }

        .tl-container .tl-col.normal .tl-time {
            color: #333;
        }

        .tl-container .tl-col .tl-info {
            height: 32px;
            line-height: 30px;
            text-align: center;
            border-radius: 2px;
            padding: 0 10px;
            font-size: 14px;
        }

        .tl-container .tl-col.active .tl-info {
            color: #fff;
            font-size: 16px;
            background: #1d6bb5;
            font-size: 14px;
        }

        .tl-container .tl-col.normal .tl-info {
            color: #1d6bb5;
            background: #fff;
            border: 1px solid #1d6bb5;
        }

        .tl-container .tl-col.gray .tl-info {
            color: #999;
            border: 1px solid #999;
        }

        .tl-container .tl-col.active .tl-info .triangle {
            display: block;
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-top: 6px solid #1d6bb5;
            position: absolute;
            top: 32px;
            left: 50%;
            margin-left: -7px;
            margin-bottom: 10px;
        }

        .tl-container .tl-col.active .tl-horizontal {
            position: absolute;
            left: 97px;
            top: 58px;
            height: 1px;
            width: 140px;
            background: #197AFF;
        }

        .tl-container .tl-col.normal .tl-horizontal {
            position: absolute;
            left: 97px;
            top: 58px;
            height: 1px;
            width: 140px;
            background: #999;
        }

        .tl-container .tl-col.gray .tl-horizontal {
            position: absolute;
            left: 97px;
            top: 58px;
            height: 1px;
            width: 140px;
            background: #999;
        }
    </style>
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="http://www.ccgp-hubei.gov.cn/js/jquery.js" type="text/javascript"></script>
</head>

<body>
<div id="top"></div>

<div id="app">
    <div class="container margin-bottom-50" style="background: #fff;">
        <div class="row margin-top-10">
            <!-- 正文开始 -->
            <div style="margin: 0 20px 30px;font-family:微软雅黑;"><h2
                    style="text-align:center;border-bottom: 3px solid #2b7ecc;margin-top:0;margin-bottom: 10px;padding-bottom: 20px;">
                <span style="font-family:微软雅黑;font-weight:normal;font-size:24px">{{title}}</span>
            </h2>
                <div style="background: #e9e9e9;width: 100%;height: 30px;line-height: 30px;text-align: center;border: 1px solid #ddd;color: #ccc;font-size: 13px;">
                    <span style="padding: 0 10px 0 10px;color: #333;">发布日期：{{modified}}</span>｜<span
                        style="padding: 0 10px 0 10px;color: #333;">发布单位：{{platform}}交易中心</span>｜<span
                        style="padding: 0 10px 0 10px;color: #333;">项目监管地：{{platform}}</span>|<span
                        style="padding: 0 10px 0 10px;color: #333;">阅读次数：<span id="click">1</span>
                    </span>
                </div>
            </div>
            <div style="margin: 0 22px;">
                <p style="margin-bottom:0;line-height:200%;font-family:微软雅黑;font-size:18px;font-weight: bold;">
                一、项目编号</p>
                <p style="margin-top: 0; margin-bottom:20px;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span style="border-bottom: 1px solid #666;">{{project_num}}</span></p>
                <p style="margin-bottom:0;line-height:200%;font-family:微软雅黑;font-size:18px;font-weight: bold;">
                    二、采购计划备案号</p>
                <p style="margin-top: 0; margin-bottom:20px;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span style="border-bottom: 1px solid #666;">{{plan_record_number}}</span></p>
                <p style="margin-bottom:0;line-height:200%;font-family:微软雅黑;font-size:18px;font-weight: bold;">
                    三、项目名称</p>
                <p style="margin-top: 0; margin-bottom:20px;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span style="border-bottom: 1px solid #666;">{{project_name}}</span></p>
                <p style="margin-bottom:0;line-height:200%;font-family:微软雅黑;font-size:18px;font-weight: bold;">
                    四、中标（成交）信息</p>

                <div v-for="pkg in pkg_list">
                    <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                        <span>包名称：</span><span style="border-bottom: 1px solid #666;">{{pkg.title}}</span></p>
                    <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                        <span>供应商名称：</span><span style="border-bottom: 1px solid #666;">{{pkg.bidder_name}}</span></p>
                    <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                        <span>供应商地址：</span><span style="border-bottom: 1px solid #666;">{{pkg.bidder_address}}</span>
                    </p>
                    <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                        <span>中标（成交）金额：</span>
                        <span style="border-bottom: 1px solid #666;">{{pkg.winning_amount}}</span>
                        <span style="border-bottom: 1px solid #666;">(万元)</span>
                    </p>
                    <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                        <table width="600" style="border-collapse: collapse;margin-bottom: 20px;">
                            <tbody>
                                <tr class="firstRow">
                                    <td style="padding: 5px 10px; border: 1px solid #777;" valign="top">
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                                            <span v-show="pkg.main_bid_info == 1">货物类</span>
                                            <span v-show="pkg.main_bid_info == 2">服务类</span>
                                            <span v-show="pkg.main_bid_info == 3">工程类</span>
                                        </p>
                                    </td>
                                </tr>
                                <tr>
                                    <td v-if="pkg.main_bid_info == 1" style="padding: 5px 10px; border: 1px solid #777;" valign="top">
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 名称：{{pkg.winning_bid_name}}</p>
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 品牌（如有）：{{pkg.brand_or_range}}</p>
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 规格型号：{{pkg.specification_or_construction_date}}</p>
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 数量：{{pkg.amount_or_project_manager}}</p>
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 单价：{{pkg.unitprice_or_standard_or_certificateInfo}}</p>
                                    </td>
                                    <td v-if="pkg.main_bid_info == 2" style="padding: 5px 10px; border: 1px solid #777;" valign="top">
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 名称：{{pkg.winning_bid_name}}</p>
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 服务范围：{{pkg.brand_or_range}}</p>
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 服务要求：{{pkg.specification_or_construction_date}}</p>
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 服务时间：{{pkg.amount_or_project_manager}}</p>
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 服务标准：{{pkg.unitprice_or_standard_or_certificateInfo}}</p>
                                    </td>
                                    <td v-if="pkg.main_bid_info == 3" style="padding: 5px 10px; border: 1px solid #777;" valign="top">
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 名称：{{pkg.winning_bid_name}}</p>
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 施工范围：{{pkg.brand_or_range}}</p>
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 施工日期：{{pkg.specification_or_construction_date}}</p>
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 项目经理：{{pkg.amount_or_project_manager}}</p>
                                        <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;"> 执行证书信息：{{pkg.unitprice_or_standard_or_certificateInfo}}</p>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </p>
                </div>

                <p style="margin-bottom:0;line-height:200%;font-family:微软雅黑;font-size:18px;font-weight: bold;">
                    五、评审专家名单</p>
                <p style="margin-top: 0; margin-bottom:20px;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span style="border-bottom: 1px solid #666;">{{evaluator_name}}</span></p>
                <p style="margin-bottom:0;line-height:200%;font-family:微软雅黑;font-size:18px;font-weight: bold;">
                    六、评审信息</p>
                <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span>1、评审时间：</span><span style="border-bottom: 1px solid #666;">{{evaluation_time}}</span></p>
                <p style="margin-top: 0; margin-bottom:20px;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span>2、评审地点：</span><span style="border-bottom: 1px solid #666;">{{evaluation_address}}</span></p>
                <p style="margin-bottom:0;line-height:200%;font-family:微软雅黑;font-size:18px;font-weight: bold;">
                    七、代理服务收费标准及金额：</p>
                <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span>1、代理服务收费标准：</span>
                    <span style="border-bottom: 1px solid #666;">{{agency_fee_standard}}</span>
                </p>
                <p style="margin-top: 0; margin-bottom:20px;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span>2、收费金额：</span>
                    <span style="border-bottom: 1px solid #666;">{{agency_fee_standard}}</span><span style="border-bottom: 1px solid #666;">(万元)</span></p>
                <p style="margin-bottom:0;line-height:200%;font-family:微软雅黑;font-size:18px;font-weight: bold;">
                    八、公告期限</p>
                <p style="margin-top: 0; margin-bottom:20px;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    自本公告发布之日起1个工作日。</p>
                <p style="margin-bottom:0;line-height:200%;font-family:微软雅黑;font-size:18px;font-weight: bold;">
                    九、其他补充事宜</p>
                <p style="margin-top: 0; margin-bottom:20px;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span style="border-bottom: 1px solid #666;">{{other_log}}</span>
                </p>
                <p style="margin-bottom:0;line-height:200%;font-family:微软雅黑;font-size:18px;font-weight: bold;">
                    十、凡对本次公告内容提出询问，请按以下方式联系</p>
                <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    1、采购人信息</p>
                <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span>名&nbsp;&nbsp;&nbsp;称：</span><span style="border-bottom: 1px solid #666;">{{purchase_unit_name}}</span>
                </p>
                <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span>地&nbsp;&nbsp;&nbsp;址：</span><span style="border-bottom: 1px solid #666;">{{purchase_unit_address}}</span>
                </p>
                <p style="margin-top: 0; margin-bottom:10px;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span>联系方式：</span><span style="border-bottom: 1px solid #666;">{{purchase_unit_tel}}</span></p>
                <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    2、采购代理机构信息</p>
                <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span>名&nbsp;&nbsp;&nbsp;称：</span><span style="border-bottom: 1px solid #666;">{{agency_name}}</span>
                </p>
                <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span>地&nbsp;&nbsp;&nbsp;址：</span><span
                        style="border-bottom: 1px solid #666;">{{agency_address}}</span></p>
                <p style="margin-top: 0; margin-bottom:10px;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span>联系方式：</span><span style="border-bottom: 1px solid #666;">{{agency_tel}}</span></p>
                <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    3、项目联系方式</p>
                <p style="margin-top: 0; margin-bottom:0;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span>项目联系人：</span><span style="border-bottom: 1px solid #666;">{{project_contact}}</span></p>
                <p style="margin-top: 0; margin-bottom:10px;text-align:justify;line-height:200%;font-family:微软雅黑;font-size:16px;">
                    <span>电&nbsp;&nbsp;&nbsp;话：</span><span style="border-bottom: 1px solid #666;">{{project_tel}}</span>
                </p>
                <!-- 正文结束 -->
            </div>
        </div>
    </div>

    <!--footer 开始-->
    <div id="bottom" class="col-lg-12 col-sm-12 col-md-12 col-xs-12" style="background: #2b7ecc;">

    </div>
    <!--/footer 结束-->
    <script src="http://www.ccgp-hubei.gov.cn/js/bootstrap.js" type="text/javascript"></script>
    <script src="http://www.ccgp-hubei.gov.cn/js/diy.js" type="text/javascript"></script>
    <script src="http://www.ccgp-hubei.gov.cn/js/jquery.base64.js"></script>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
    <script src="https://cdn.staticfile.org/layui/2.6.8/layui.min.js"></script>
    <script src="../../res/js/mz.common.js"></script>
    <script src="../../res/js/mz.view.js"></script>
    <script>

        var data_platforms = {
            "1": "荆州",
            "2": "十堰",
            "3": "洪山",
            "4": "东湖高新",
            "5": "新洲",
            "6": "洪湖",
            "7": "江陵",
            "8": "竹山",
            "9": "竹溪"
        };

        var purchase_method_names = {"1": "公开招标", "2": "邀请招标", "3": "竞争性谈判", "4": "单一来源", "5": "询价采购", "6": "竞争性磋商"};

        $(function () {

            $.postContent({
                url: base_url + '/query_announcement',
                data: {
                    multi_models: [
                        { '$mapping_uri': 'announcement_get',  'announce_id': getQueryString('id') },
                        {'$mapping_uri': 'project_info_get', 'project_id': getQueryString('pid')},
                        {'$mapping_uri': 'project_pkg_get', 'announce_id': getQueryString('id')}
                    ]
                },
                success: function (res) {
                    var content = {};
                    try {
                        Object.assign(content, res.content[0][0]);
                        Object.assign(content, res.content[1][0]);
                        content.pkg_list = res.content[2];
                    } catch (e) {
                        console.log(e);
                    }
                    content['platform'] = data_platforms[content.data_platform];
                    content['purchase_method_name'] = purchase_method_names[content.purchase_method];
                    initVue({data: content || {}});
                }
            });

            // $.get(base_url + '/announcement_get/' + getQueryString('id'), function(res){
            //     if(res.content){
            //         $.get(base_url + '/project_info_get/' + res.content.project_id, function(res1){
            //             Object.assign(res1.content, res.content);
            //             res.content['platform'] = data_platforms[res.content.data_platform];
            //             res.content['purchase_method_name'] = purchase_method_names[res.content.purchase_method];
            //
            //             initVue({data: res.content || {}});
            //             console.log(res.content);
            //         })
            //     }
            //
            // })
        })


    </script>
</body>
</html>